<template>
	<view>
		<ul v-for="i in 3" key=i>
			<pet-item></pet-item>
		</ul>
		<view class="btn-box">
			<button>添加</button>
		</view>
		<!-- 弹出框 -->
		<pet-add></pet-add>
	</view>
</template>

<script setup>
import PetItem from '@/components/pets/pet-item.vue';
import PetAdd from '@/components/pets/pet-add.vue';

</script>

<style scoped>
.pet-details>.box{
	display: block;
	width: 750rpx;
	height: 500rx;
	border: 1px solid green;
	display: flex;
}
.pet-img{
	width: 50rpx;
	height: 50rpx;
	border: 1rpx solid black;
}
.pet-detail{
	display: flex;
}
.pet-detail>text{
	display: inline-block;
}
</style>
